React vs Vue
- React要用onChange提供反向資料流,Vue是透過v-model達成雙向綁定
- Vue的ref類似useState,而非useRef。後者可以保存不用重渲染的資料。
- Vue的onClick會簡寫成@click,全名是v-on:click
- useState類似Vue的ref;useRef則是類似Vue的v-model,可拿來取得input的value
- React styled component可以解決汙染問題,類似Vue style scoped
- Flow.js可以做型別檢查。由FB開發,很適合搭配React。不過Vue 3也已是全面支援TypeScript
- 可以拿來做3D的React Three Fiber在2019便發布,而Vue的自定義渲染器TresJS在3年後誕生,比前輩TroisJS還好用
- React的Class Component有生命週期API,關鍵字是mount, update和 unmount;Functional Component沒有生命週期API,即便useEffect也不是
- Vue組件的生命週期首先會setup,後續則是對template進行解析。關鍵字比React多了create
- 在Vue 3的Composition API中,那些生命週期的Hook名稱都以on開頭
- Jest於三大框架皆可做測試,受React官方推薦;React Testing Library則可用來選取DOM,比Enzyme更以使用者角度思考
- Vue Test Utils是Vue官方提供用來簡化測試的工具庫,可以用來模擬DOM渲染後的樣貌;基於Vite環境、架構很近似Jest的Vitest才是測試框架;小秘密是:其實也有Vue Testing Library
這部分除了拾起、並整理前面文章散落的資訊外,還為了對React有更廣泛的認識,而去填補更多知識、延伸出更多的文字。算是進入實作前的過渡。
查閱資料時發現Vue真的越追越緊,特別是「重新發明Vue」的Vue 3。
接下來很看React 19如何發展了,後生可畏啊。